:root {
  --el-loading-spinner-size: 32px;
}

// 溢出打点 单行
@mixin xy-overpoint {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

// 禁用选中文字
@mixin xy-stopselect {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none;
}

// 超过三行打点
@mixin xy-overPoint-more {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

@mixin xy-placeholder {
  input::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder {
    color: #999 !important;
    font-size: 12px;
  }

  input:-moz-placeholder,
  textarea:-moz-placeholder {
    color: #999 !important;
    font-size: 12px;
  }

  input::-moz-placeholder,
  textarea::-moz-placeholder {
    color: #999 !important;
    font-size: 12px;
  }

  input:-ms-input-placeholder,
  textarea:-ms-input-placeholder {
    color: #999 !important;
    font-size: 12px;
  }
}

// 滚动条不展示
@mixin xy-hidden-scroll {
  scrollbar-width: none; /* firefox */
  -ms-overflow-style: none; /* IE 10+ */

  &::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
}

// 特殊滚动条
@mixin xy-scroll {
  &::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 7px; /*高宽分别对应横竖滚动条的尺寸*/
  }

  &::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);
    background: rgba(189, 189, 189, 0.6);
  }
}